<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style type="text/css">
.main {
	height: 700px;
	width: 1100px;
	border: 2px solid #000;
}
.logo {
	height: 59px;
	width: 233px;
	float: left;
	margin-top: 10px;
	margin-left: 50px;
}
li {
	list-style-type: none;
	float: left;
	margin-right: 40px;
}
.banner li a {
	text-decoration: none;
	color: #000;
	font-family: "Comic Sans MS", cursive;
	margin-left: 30px;
	font-size: 14px;
}
.banner {
	height: 50px;
	width: 450px;
	float: left;
	margin-left: 350px;
}
.article {
	width: 400px;
	height: 350px;
	margin-top: 190px;
	margin-left: 50px;
}
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.photo {
	height: 630px;
	width: 502px;
	float: right;
	position: relative;
	bottom: 500px;
	right: 80px;
}
em {
	color: #999;
	position: absolute;
	font-size: 16px;
	top: 605px;
	left: 87px;
}
.t1 {
	position: absolute;
	top: 112px;
	left: 43px;
}
.t2 {
	position: absolute;
	top: 258px;
	left: 1px;
}
.t3 {
	position: absolute;
	top: 348px;
	right: 369px;
}
.t4 {
	position: absolute;
	left: 141px;
	top: 25px;
}
.t5 {
	position: absolute;
	left: 227px;
	top: 90px;
	width: 166px;
}
.t6 {
	position: absolute;
	left: 392px;
	top: 89px;
}
.t7 {
	position: absolute;
	left: 139px;
	top: 168px;
}
.t8 {
	position: absolute;
	left: 294px;
	top: 166px;
}
.t9 {
	position: absolute;
	left: 294px;
	top: 351px;
}
.t10 {
	position: absolute;
	left: 141px;
	top: 332px;
	width: 75px;
}
.t11 {
	position: absolute;
	left: 223px;
	top: 335px;
	height: 92px;
}
</style>
</head>

<body>
<div class="main">
<div class="logo"><img src="timg.jpg" width="224" height="49" /></div>
<div class="banner">
<ul>
<li><a href="#">Gallery</a></li>
<li><a href="#">Biography</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="article">
<p>What are you doing ?<br/><br/>When it comes to a secure website and passwords <br/><br/>No matter how many characters are available for your password you should be sure to use every one of them.<br/><br/>Personal information such as names, birthdays, nicknames, pet's names, social security numbers, and the like should never, ever, ever be used because these are way too obvious and too easy to crack.<br/><br/>Michael Turner shows you exactly how to increase web site traffic in his free 7 part mini-series. Grab it today at http://www.powertraffictactics.com/</p>
</div>
<div class="photo"><a href="#"><span class="t1"><img src="photo-3.jpg" width="89" height="137" /></span></a>
<a href="a1.html"><span class="t2"><img src="photo-2.jpg" width="132" height="85" /></span></a>
<a href="a2.html"><span class="t3"><img src="photo-4.jpg" width="88" height="156"/></span></a>
<a href="a4.html"><span class="t4"><img src="photo-3.jpg" width="78" height="137"/></span></a>
<a href="#"><span class="t5"><img src="photo-1.jpg" width="160" height="71"/></span></a>
<a href="#"><span class="t6"><img src="photo-4.jpg" width="170" height="314"/></span></a>
<a href="#"><span class="t7"><img src="photo-4.jpg" width="146" height="156"/></span></a>
<a href="#"><span class="t8"><img src="u=592626809,747068394&amp;fm=200&amp;gp=0.jpg" width="92" height="177"/></span></a>
<a href="#"><span class="t9"><img src="photo-1.jpg" width="93" height="147"/></span></a>
<a href="#"><span class="t10"><img src="photo-3.jpg" width="72" height="147"/></span></a>
<a href="#"><span class="t11"><img src="photo-2.jpg" width="62" height="92"/></span></a>


<em>ALL Images Covright Creillin Photography 2007</em></div>

</div>
</body>
</html>
